function readerClass() {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {
        //    console.log(res)
            let str = ''
            $.each(res.data, function (index, item) {
                console.log(item)
                str += `
                <tr>
                <td>${item.name}</td>
                <td>${item.alias}</td>
                <td><button type="button" class="layui-btn layui-btn-xs layui-btn-warm edit" data-id="${item.id}" data-name="${item.name}" data-alias="${item.alias}">编辑</button>
                            <button type="button" gdata-id="${item.id}" class="layui-btn layui-btn-xs layui-btn-dangerv del">删除</button>
                        </td>
            </tr>
                `
            })
            $('.layui-table tbody').html(str)
            // res.data.forEach((item) => {
            //     console.log(item)
            // })
        }
    })
}
readerClass()
let addIndex
$('.add').click(function () {
    addIndex = layer.open({
        type: 1,
        title: '添加类别',
        content: $('#tpl-add').html(), // 内容在HTML中
        area: ['500px', '250px']
    })
})
$('body').on('submit', '#add-form', function (e) {
    // alert(123)
    e.preventDefault()
    $.ajax({
        type: 'POST',
        url: '/my/category/add',
        data: $(this).serialize(),
        success: function (res) {
            layer.msg(res.message)
            readerClass()
            layer.close(addIndex)
        }
     
    })
    // $(this)[0].reset()
})
let editIndex
$('body').on('click', '.edit', function () {
    let data = $(this).data()
    console.log(data)
    editIndex = layer.open({
        type: 1,
        title: '编辑类别',
        content: $('#tpl-edit').html(), // 内容在HTML中
        area: ['500px', '250px'],
        success: function () {
            let form = layui.form
            form.val('edit',data)
            // $('#add-form input[name="name"]').val(data.name)
            // $('#add-form input[name=alias]').val(data.alias)
            
        }
    })
})
$('body').on('submit', '#edit-form', function (e) {
    // alert(123)
    e.preventDefault()
    $.ajax({
        type: 'POST',
        url: '/my/category/update',
        data: $(this).serialize(),
        success: function (res) {
            layer.msg(res.message)
            readerClass()
            layer.close(editIndex)
        }
     
    })
    // $(this)[0].reset()
})
$('body').on('click', '.del', function () {
    let id = $(this).data('id')
    // console.log(id)
    $.get('/my/category/delete', {id}, function (res) {
        layer.msg(res.message)
        readerClass()
    })
})